::-webkit-scrollbar {
	display: none;
}
*{
	margin:0;
}
body{
	background-color:#e6e6e6;
}
.console{
	background-color:white;
	width:70%;
	box-shadow: 10px;
	position:absolute;
	top:50%;
	left:50%;
	transform: translate(-50%,-50%);
}

.header{
	position:absolute;
	width:100%;
	height:10%;
	top:0;
}
.header button{
	width:10%;
	height:100%;
	background-color:white;
	color:#36779b;
	font-size:20px;
	border:none;
	float:left;
}
.now{
	background-color:#36779b;
	width:10%;
	height:5px;
	position:absolute;
	top:9%;
	left:0;
	z-index:1;
}
.divide{
	background-color:#e6e6e6;
	width:100%;
	height:1px;
	position:absolute;
	top:10%;
}

.prize{
	display:none;	
	width:100%;
	height:90%;
	position:absolute;
	top:10%;
}
.prize .content{
	width:100%;
	height:90%;
	position:absolute;
	bottom:0;	
	overflow-y: scroll;
}
.prize .item{
	width:100%;
	height:10%;
}
.prize .item button{
	height:100%;	
	font-size:20px;
	line-height:100%;
	text-align:center;
	float:left;
	background-color:white;
	border:none;
}
.prize .item .name{
	width:30%;
}
.prize .item .rank{
	width:20%;
}
.prize .item .amount{
	width:20%;
}
.prize .item .delete{
	color:#36779b;
	text-decoration: underline;
	width:20%;
}

.list{
	width:100%;
	height:90%;
	position:absolute;
	top:10%;
}
.list .people{
	width:100%;
	height:90%;
	position:absolute;
	bottom:0;	
	overflow-y: scroll;
}
.list .item{
	width:100%;
	height:10%;
}
.list .item button{
	height:100%;	
	font-size:20px;
	line-height:100%;
	text-align:center;
	float:left;
	background-color:white;
	border:none;
}
.list .item .no{
	width:20%;
}
.list .item .name{
	width:40%;
}
.list .item .state{
	width:40%;
}

.add{
	width:10%;
	height:5%;
	position:absolute;
	top:12%;
	right:15%;
	z-index:1;
	display:none;
}
#add_special{
	width:10%;
	height:5%;
	position:absolute;
	top:12%;
	right:3%;
	z-index:1;
	display:none;
}
#cancel_special{
	width:10%;
	height:5%;
	position:absolute;
	top:12%;
	right:3%;
	z-index:1;
	display:none;
}
.add_page{
	width:100%;
	position:absolute;
	z-index:2;
	background-color:rgba(0,0,0,0.8);
	display:none;
}
.info{
	width:50%;
	height:60%;
	position:absolute;
	top:50%;
	left:50%;
	transform: translate(-50%,-50%);
	background-color:white;
}
.info .title{
	width:100%;
	height:10%;
	font-size:20px;
	text-align: center;
	margin-top:20px;
}
.info .input{
	width:100%;
	height:70%;
}
.info .item{
	width:100%;
	height:30%;
}
.info .tmp{
	width:60%;
	height:100%;
	position:relative;
	left:50%;
	transform: translate(-50%,0);
	flex-direction: row;
}
.info .text{
	width:30%;
	height:100%;
	background-color:white;
	border:none;
	font-size:20px;
}
.info .input_zone{
	height:40%;
	width:50%;
	border:1px solid black;
	border-radius: 10px;
	background-color:#f4f4f4;
}
.button_region{
	width:170px;
	position:absolute;
	left:50%;
	transform: translate(-50%,0);
}
#enter{
	width:80px;
	height:40px;
	color:white;
	background-color:green;
	border-radius:10px;
	border:none;
	transition:500ms;
}
#enter:hover{
	background-color:rgb(6, 77, 6);
	transition:500ms;
}
#cancel{
	width:80px;
	height:40px;
	color:white;
	background-color:red;
	border-radius:10px;
	border:none;
	transition:500ms;
}
#cancel:hover{
	background-color:rgb(112, 8, 8);
	transition:500ms;
}	

.event{
	display:none;	
	width:100%;
	height:90%;
	position:absolute;
	top:10%;
}
.event .content{
	width:100%;
	height:90%;
	position:absolute;
	bottom:0;
	overflow-y: scroll;
}
.event .item{
	width:100%;
	height:10%;
}
.event .item button{
	height:100%;	
	font-size:20px;
	line-height:100%;
	text-align:center;
	float:left;
	background-color:white;
	border:none;
}
.event .item .id{
	width:23%;
}
.event .item .rank{
	width:23%;
}
.event .item .amount{
	width:23%;
}
.event .item .delete{
	color:#36779b;
	text-decoration: underline;
	width:20%;
}
.event .event_list{
	width:100%;
	height:90%;
	position:absolute;
	bottom:0;	
	overflow-y: scroll;
}

.output{
	width:100%;
	height:90%;
	position:absolute;
	top:10%;
	display:none;
}
.output .hint{
	width:80%;
	height:20%;
	position:absolute;
	left:50%;
	top:40%;
	transform: translate(-50%,-50%);
	text-align:center;
	font-size:20px;
}
.output button{
	width:150px;
	height:60px;
	position:absolute;
	left:50%;
	top:50%;
	transform: translate(-50%,-50%);
	border:1px solid #36779b;
	border-radius: 10px;
	color:#36779b;
	background-color:white;
	transition: 500ms;
}
.output button:hover{
	background-color:#36779b;
	color:white;
	transition: 500ms;
}